home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / technicalnotes / adcstyle.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-10-29  |  14.6 KB  |  656 lines
  1. /* ----------Start of new styles beginning October 2004---------- */
  2.  
  3. /* sidebar */
  4. #sidebar h2, .swlsidebar h2 {
  5.     font-size: 12px;
  6.     }
  7.     
  8. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  9.     font-size: 12px;
  10.     }
  11.     
  12. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  13.     font-size: 11px;
  14.     }
  15.  
  16. #sidebar ul, .swlsidebar ul {
  17.     margin-left: 16px;
  18.     padding-left: 0;
  19.     }
  20.  
  21. #sidebar li, .swlsidebar li {
  22.     font-size: 11px;
  23.     margin-top: 2px;
  24.     }
  25.     
  26. #sidebar ul.nav, .swlsidebar ul.nav {
  27.     margin: 8px 0 0;
  28.     padding: 0;
  29.     list-style-type: none;
  30.     }
  31.  
  32. #sidebar ul.nav li, .swlsidebar ul.nav li {
  33.     margin-top: 4px;
  34.     padding-left: 0;
  35.     background: none;
  36.     }
  37.  
  38. /* "sidebartable" has been modified from the */
  39. /* ADC version to accommodate various browsers. */
  40.         
  41. .sidebartable {
  42.         width:158px;
  43.     border: 1px solid #a1a5a9;
  44.     margin-bottom: 10px;
  45.     padding: 10px;
  46.         margin-left: 20px;
  47.     font-size: 11px;
  48.     text-align: left;
  49.     vertical-align: top;
  50.     }
  51.     
  52. .sidebartable th {
  53.     padding: 4px 8px 4px 10px;
  54.     background: #DBDBDB;
  55.     font-size: 12px;
  56.     font-weight: bold;
  57.     border-bottom: 1px solid #a1a5a9;
  58.     }
  59.     
  60. .sidebartable td {
  61.     padding: 0 10px 10px;
  62.     font-size: 11px;
  63.     text-align: left;
  64.     vertical-align: top;
  65.     }
  66.     
  67. .sidebartable h2, .sidebartable p, .sidebartable ul {
  68.     margin: 10px 0 2px;
  69.     padding: 0;
  70.     }
  71.     
  72. .sidebartable table td {
  73.     border: none;
  74.     padding: 0;
  75.     vertical-align: middle;
  76.     }
  77.         
  78. /* tables */
  79.  
  80. .bumblebee {
  81.     border-top: 1px solid #919699;
  82.     border-left: 1px solid #919699;
  83.     border-right: 1px solid #919699;
  84.     }
  85.  
  86. .bumblebee td {
  87.     padding: 10px;
  88.     font-size: 10px;
  89.     }
  90.     
  91. .bumblebee th {
  92.     padding: 6px 10px;
  93.     font-size: 10px;
  94.     }
  95.     
  96. .bumblebee th a {
  97.     color: #FFF;
  98.     }
  99.     
  100. .bumblebee th a:link {
  101.     color: #FFF;
  102.     }
  103.  
  104. .bumblebee th a:visited {
  105.     color: #FFF;
  106.     }
  107.  
  108. .bumblebee th a:hover {
  109.     color: #FFF;
  110.     }
  111.     
  112. .bumblebee th a:active {
  113.     color: #FFF;
  114.     }
  115.  
  116. .bumblebee th {
  117.     background: #7E91A4;
  118.     color: #FFF;
  119.     }
  120.  
  121. .bumblebee td {
  122.     text-align: left;
  123.     vertical-align: top;
  124.         border-bottom: 1px solid #919699;
  125.     }
  126.  
  127. .bumblebeeblue {
  128.     background: #F0F5F9;
  129.     }
  130.  
  131. .bumblebeewhite {
  132.     background: #FFF;
  133.     }
  134.     
  135. .bumblebee .bumblebeeblue td.sortcolumn {
  136.     background: #DCE5EE;
  137.     }
  138.     
  139. .bumblebee .bumblebeewhite td.sortcolumn {
  140.     background: #F5F5F5;
  141.     }
  142.     
  143. .bumblebee th.sortcolumn {
  144.     background: #334455;
  145.     }
  146.     
  147. .bumblebeetop {
  148.     border-top: 1px solid #919699;
  149.     border-left: 1px solid #919699;
  150.     border-right: 1px solid #919699;
  151.     background: #E2E2E2;
  152.     }
  153.     
  154. .bumblebeetop td{
  155.     padding: 10px;
  156.     }
  157.  
  158. table.bumblebeetop select { width: 230px;}
  159.  
  160. .bumblebeetop td.display { border-left: 1px solid #a1a5a9;}
  161.  
  162. .bumblebeetop .pagenav td {padding: 5px 10px; font-size: 10px; border-top: 1px solid #a1a5a9;}
  163. .bumblebee .pagenav td {padding: 5px 10px; font-size: 10px; background: #E2E2E2;}
  164. .bumblebee .pagenav td.rightcolumn { text-align: right;}
  165.  
  166.  
  167. /* New styles added specific to Tech Pubs beginning October 2004 */
  168.  
  169.         
  170. .pagenavtop {
  171.         border-top: 1px solid #919699;
  172.         border-left: 1px solid #919699;
  173.         border-right: 1px solid #919699;
  174.         background: #E2E2E2;
  175.         }
  176.         
  177. .pagenavtop td {
  178.         padding-top:5px;
  179.         padding-bottom:5px;
  180.         padding-left:6px;
  181.         padding-right:6px;
  182.         }
  183.         
  184. .pagenavbottom {
  185.         border-left: 1px solid #919699;
  186.         border-right: 1px solid #919699;
  187.         border-bottom: 1px solid #919699;
  188.         background: #E2E2E2;
  189.         }
  190.         
  191.  .pagenavbottom td {
  192.         padding-top:5px;
  193.         padding-bottom:5px;
  194.         padding-left:6px;
  195.         padding-right:6px;
  196.         }       
  197.                         
  198. /* ----------END of new styles beginning October 2004---------- */
  199.  
  200.  
  201.  
  202. /* body description */
  203. body {
  204.         margin: 0 10px;
  205.         background-color: #fff;
  206.         color: #000;
  207.         }
  208.  
  209. /* link classes */
  210. A:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  211. A:link:hover    { COLOR: #FF6600; TEXT-DECORATION: underline }
  212. A:active        { COLOR: #FF6600; TEXT-DECORATION: underline}
  213.  
  214. /* apple site does not explicitly define visited link properties, but we do here */ 
  215. A:visited        { COLOR: #0000AA; TEXT-DECORATION: none }
  216. A:visited:hover    { COLOR: #FF6600; TEXT-DECORATION: underline } 
  217.  
  218.  
  219. /* link pseudo-classes */
  220. A.resources:link            { COLOR: #0000FF; TEXT-DECORATION: none }
  221. A.resources:link:hover        { COLOR: #ff6600; TEXT-DECORATION: underline }
  222. A.resources:visited            { COLOR: #0000FF; TEXT-DECORATION: none }
  223. A.resources:visited:hover    { COLOR: #ff6600; TEXT-DECORATION: underline }
  224. A.resources:active            { COLOR: #ff6600; TEXT-DECORATION: underline }
  225.  
  226.  
  227. /* redefine table cell */
  228. td, TD {
  229.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  230. }
  231.  
  232. /* redefine ordered list */
  233. ol, OL {
  234.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  235. }
  236.  
  237. /* redefine unordered list */
  238. ul, UL {
  239.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  240. }
  241.  
  242. /* redefine list item */
  243. li, LI {
  244.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  245. }
  246.  
  247.  
  248.  
  249.  
  250. /* Article heading for Home Page */
  251. #articlehead {
  252.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  253. }
  254. #linklisthead {
  255.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  256. }
  257.  
  258. #sectionhead {
  259.     FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  260. }
  261. #sectionsubhead {
  262.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  263. }
  264. #sectionheadorange {
  265.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #DB3700; FONT-FAMILY: lucida grand, geneva, helvetica, arial, sans-serif
  266. }
  267. #resources {
  268.     margin-bottom: 2px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  269. }
  270. /* glossary page styles */
  271. #glossary_header { 
  272.     font-size: 12px; font-weight: bold; 
  273. }
  274. #glossary_header_letter { 
  275.     font-size: 14px; font-weight: bold; 
  276. }
  277.  
  278.  
  279. /* form class, removes whitespace browsers use by default with forms */
  280. #form {
  281.     margin-bottom:0;margin-right:0;margin-left:0;margin-top:0;
  282. }
  283.  
  284.  
  285. /* paragraph describing page located just below the black text page title */
  286. #paragraph_description {
  287.     font-size: 12px;
  288. }
  289.  
  290.  
  291. /* rate this page feedback form styles */
  292. #feedback_header {
  293.     font-family: lucida grande, arial; font-size: 10px; color: #FFFFFF; text-align: center;
  294. }
  295. #feedback_text {
  296.     font-family: lucida grande, arial; font-size: 10px; color: #000000;
  297. }
  298. #radio_help {
  299.     text-align: center; padding-top: 4px;
  300. }
  301. #radio_easy {
  302.     text-align: center; padding-bottom: 4px;
  303. }
  304.  
  305.  
  306. /* search results box styles */
  307. #results_cell_first { 
  308.     border-left: 1px #A2A6A9 solid; 
  309. }
  310. #results_cell_title {
  311.     padding-top: 10px; padding-bottom: 10px; padding-right: 6px; font-size: 12px; font-weight: bold; vertical-align: top;
  312. }
  313. #results_cell_other {
  314.     padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; vertical-align: top;
  315. }
  316. #results_cell_date {
  317.     padding-top: 10px; padding-bottom: 10px; padding-left: 4px; vertical-align: top;
  318. }
  319. #results_cell_last {
  320.     border-right: 1px #A2A6A9 solid;
  321. }
  322. .results_description { 
  323.     font-size: 10px; font-weight: normal;
  324. }
  325.  
  326.  
  327.  
  328. /* apple script (or any other reference library page) styles */
  329. .header { 
  330.     font-size: 12px; font-weight: bold;
  331. }
  332. #link_header {
  333.     font-size: 10px; font-weight: bold;
  334. }
  335. #blue_header {
  336.     font-size: 12px; font-weight: bold; color: #000099;
  337. }
  338. #td_left_line {
  339.     border: 1px #555555 left;
  340. }
  341.  
  342.  
  343. /* co marketing styles */
  344. #icon_cell {
  345.     height: 93px; text-align: center;
  346. }
  347. #detail_header {
  348.     text-align: middle; background: #6D7F95; color: #FFFFFF; font-family: verdana;
  349.     font-weight: bold; font-size: 10px;
  350. }
  351. #vendor_bullet {
  352.     color: #696969;
  353. }
  354. #comarket_paragraph {
  355.     color: #696969; font-size: 12px;
  356. }
  357. #vendor_detail {
  358.     font-family: lucida grande, verdana; font-size: 12px;
  359. }
  360. #vendor_contact {
  361.     font-family: verdana; font-size: 10px;
  362. }
  363. #detail_heading {
  364.     font-weight: bold;
  365. }
  366. #detail_copy {
  367.     font-family: lucida grande, arial; font-size: 12px;
  368. }
  369. #discount_box_header {
  370.     color: #FFFFFF; font-weight: bold;
  371. }
  372. #discount_box_copy {
  373.     font-family: lucida grande, arial; font-size: 12px;
  374. }
  375. #photo_table_copy {
  376.     color: #7D7D7D; font-family: lucida grande, arial; font-size: 10px;
  377. }
  378.  
  379.  
  380. /*narrative styles */
  381. #narrative_paragraph {
  382.     color: #696969; font-size: 14px;
  383. }
  384. #narrative_header {
  385.     font-family: lucida grande, arial; font-size: 13px; font-weight: bold;
  386. }
  387. #narrative_content {
  388.     font-family: lucida grande, arial; font-size: 12px; vertical-align: top;
  389. }
  390. #pic_box_text {
  391.     color: #878787; line-height: 11px; font-family: lucida grande, arial; font-size: 11px; 
  392. }
  393. #blue_copy {
  394.     color: #466C9B; padding-left: 15px;
  395. }
  396. #green_copy {
  397.     color: #3B636F; padding-left: 15px;
  398. }
  399. #purple_copy {
  400.     color: #665588; padding-left: 15px;
  401. }
  402. #gray_copy {
  403.     color: #787C7F; padding-left: 15px;
  404. }
  405. #pager {
  406.     color: #76797C;
  407. }
  408.  
  409.  
  410. /* product line styles */
  411. #product_line_list {
  412.     font-size: 10px; 
  413. }
  414. #product_line_bullet {
  415.     font-size: 10px; vertical-align: top; color: #0000FF;
  416. }
  417.  
  418.  
  419. /* membership overview styles */
  420. #member_header {
  421.     text-align: left; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;     
  422. }
  423.  
  424. #member_category {
  425.     text-align: center; border-left: 1px #FFFFFF solid; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;
  426. }
  427.  
  428. #white_row {
  429.     background: #FFFFFF;
  430. }
  431. #blue_row {
  432.     background: #F0F5F9;
  433. }
  434. #spacer_row {
  435.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9;
  436. }
  437. #left_border {
  438.     border-left: 1px solid #A2A6A9;
  439. }
  440. #right_border {
  441.     border-right: 1px solid #A2A6A9; text-align: center; vertical-align: middle;
  442. }
  443. #gray_line {
  444.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9; background: #A2A6A9;
  445. }
  446. #dot_cell {
  447.     text-align: center; vertical-align: middle;
  448. }
  449. #fine_print {
  450.     vertical-align: top; font-size: 11px; color: #5F5F5F; font-family: lucida grande , arial;
  451. }
  452. #pricing {
  453.     font-size: 12px; font-family: lucida grande , arial;
  454. }
  455.  
  456.  
  457. /* technical note classes */
  458. #important_note {
  459.     background: #E2E2E2; border: 1px solid #CCCCCC;
  460. }
  461. #page_contents {
  462.     font-size: 12px; line-height: 20px; color: #0000FF;
  463. }
  464.  
  465. #tech_content {
  466.     font-size: 12px;
  467. }
  468. #tech_header {
  469.     font-size: 14px; font-weight: bold;
  470. }
  471. #tech_subhead {
  472.     font-size: 12px; font-weight: bold;
  473. }
  474. #tech_list {
  475.     font-size: 12px; padding-bottom: 9px;
  476. }
  477. #source_code_box {
  478.     border: 1px solid #C7CFD5; background: #F1F5F9; 
  479. }
  480. #source_code {
  481.     font-family: monaco; font-size: 10px; margin-bottom: 0px; padding: 12px;
  482. }
  483. #example_title {
  484.     font-size: 10px; margin-bottom: 5px; color: #28333B;
  485. }
  486. #example_table_header {
  487.     font-weight: bold; background: #C7CFD5; 
  488. }
  489. #example_table_cell {
  490.     border: 1px #C7CFD5 solid; background: #F1F5F9; vertical-align: top; font-size: 12px;
  491. }
  492. #download_cell_1 {
  493.     background: #F6F6F6; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px;
  494.     border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  495. }
  496. #download_cell_2 {
  497.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; 
  498.     border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  499. }
  500. #download_cell_3 {
  501.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  502.     border-right: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  503. }
  504. #download_content {
  505.     font-size: 12px; vertical-align: middle;
  506. }
  507. #download_link {
  508.     font-size: 10px; vertical-align: middle;
  509. }
  510. #back_to_top {
  511.     font-size: 10px; 
  512. }
  513.  
  514. /* sample code classes */
  515. #right_content {
  516.     text-align: right; font-size: 12px;
  517. }
  518. #sc_content {
  519.     font-size: 12px;
  520. }
  521.  
  522.  
  523.  
  524. /* header */
  525. #adcnavheader td {
  526.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  527.     }
  528.  
  529. #adcnavheader input {
  530.     margin: 0 3px 0 0;
  531.     padding: 0;
  532.     }
  533.  
  534. #adcnavheader .textpadding {
  535.     padding-top: 2px;
  536.     vertical-align: middle;
  537.     }
  538.     
  539. #adcnavheader .searchbutton {
  540.     border: 0;
  541.     }
  542.  
  543. #adcnavheader h6 {
  544.     margin: 0;
  545.     padding: 0;
  546.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  547.     color: #000;
  548. }
  549.  
  550. #adcnavheader form {
  551.     margin: 0;
  552. }
  553.  
  554.  
  555. /* footer */
  556. #footer td, #footer p {
  557.     font-size: 10px;
  558.     }
  559.     
  560.  
  561.  
  562. /*   Elements used by TechPubs   */
  563.  
  564. #pagehead {
  565.     margin: 0 0 15px 0;
  566.     padding: 0;
  567.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  568.     color: #000;
  569.     }
  570.  
  571. #pageheadsmall {
  572.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  573.     color: #000;
  574.     }
  575.  
  576. #revision_cell_title {
  577.     font-size: 12px;
  578.     font-weight: bold;
  579.     vertical-align: top;
  580. }
  581.  
  582.  
  583. /* Original Apple CSS items (unused at this time) */
  584. /* ---------------------------------------------- */
  585.  
  586. H1 {
  587.     FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  588. }
  589.  
  590. #text {
  591.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif; line-height: 16px;
  592. }
  593.  
  594.  
  595. PRE {
  596.     FONT-SIZE: 10px; FONT-FAMILY: monospace
  597. }
  598. CODE {
  599.     FONT-SIZE: 10px; FONT-FAMILY: monospace
  600. }
  601.  
  602. #bodytext {
  603.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  604. }
  605. #bodytextlarge {
  606.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  607. }
  608. #bodytitle {
  609.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  610. }
  611. #bodytitlelarge2 {
  612.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  613. }
  614. #bodytitlelarge {
  615.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  616. }
  617. #bodytitleextralarge {
  618.     FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  619. }
  620. #callout {
  621.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #737373; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  622. }
  623. #calloutsubitem {
  624.     FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  625. }
  626. #resourcetitle {
  627.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, helvetica, arial, sans-serif
  628. }
  629. #resourcetext {
  630.     FONT-SIZE: 10px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  631. }
  632. #resourcehead {
  633.     FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: arial, helvetica, sans-serif
  634. }
  635. #mkt {
  636.     FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  637. }
  638. #mkt2 {
  639.     FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  640. }
  641. #breadcrumb {
  642.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  643. }
  644. #breadcrumblocation {
  645.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: arial, helvetica, sans-serif
  646. }
  647. #menutitle {
  648.     FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: 10px; FONT-FAMILY: arial, helvetica, sans-serif
  649. }
  650. #menutext {
  651.     FONT-SIZE: 10px; MARGIN-LEFT: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  652. }
  653. #source {
  654.     FONT-SIZE: 9px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  655. }
  656.